<template>
  <transition name="comment-fade">
  <div class="comment-box" @click.self="hideModel">
    <transition name="comment-slide">
      <div class="comment-center" v-show="show">
        <slot></slot>
      </div>
    </transition>  
  </div>
  </transition>
</template>
<script>
export default {
  data(){
    return {
      show:false
    }
  },
  methods:{
    hideModel(){
      this.$emit('hideCommentBox')
    }
  },
  mounted(){
    this.show=true;
  }
}
</script>

